<template>
    <div class="payment">
        <div class="payment-left">
            <p class="payment">合计:<span class="rights">￥45.00</span></p>
        </div>
        <router-link to="/addr" class="payment-right">
            <p>去支付</p>
        </router-link>
    </div>
</template>

<script>
    export default {
        name:"Payment"
    }
</script>

<style scoped>
.payment{
    width: 100%;
    height: 0.8rem;
    background-color: #fff;
}
.payment-left{
    width: 75%;
    height: 100%;
    float: left;
    text-align: right;
    line-height: 0.8rem;
}
.payment-right{
    width: 25%;
    height: 100%;
    float: left;
    color: #ffffff;
    text-align: center;
    line-height: 0.8rem;
    background-color: #ff3545;
}
</style>